html,body{width:100%;height:100%;padding: 0;margin: 0;}

.menu{display:none;position: fixed;top:0;left:0;width:100%;height:120px;background: rgba(8,48,74,0.5);z-index: 1;padding:20px 0;z-index:9;}
			.menu:hover{display: block;}
			.menu ul{width:100%;height: 100%;}
			.menu ul li{list-style:none;float:left;width:33.33%;text-align: center;    height: 100%;}
			.menu ul li a{text-decoration: none;}
			.menu-item{background-image: url(/img/familyParticulars/menubg.png);background-repeat: no-repeat;    height: 100%;width: 120px;margin: auto;background-size: contain;background-position: center;cursor: pointer;}
			.menu ul li  img{margin-top: 22%;    width: 30px;height: 30px;}
			.menu ul li p{color:#fff;font-size:16px;}


.blue-scroll::-webkit-scrollbar-track,
.grey-scroll::-webkit-scrollbar-track {
	-webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
	background-color: #F5F5F5;
	border-radius: 10px;
}

.blue-scroll::-webkit-scrollbar,
.grey-scroll::-webkit-scrollbar {
	width: 5px;
	/* background-color: #F5F5F5; */
}

.blue-scroll::-webkit-scrollbar-thumb {
	border-radius: 10px;
	background-image: -webkit-gradient(linear,
		left bottom,
		left top,
		color-stop(0.44, rgba(46,158,255,1)),
		color-stop(0.72, rgba(46,158,255,0.4)),
		color-stop(0.86, rgba(46,158,255,0.7)));
}

.grey-scroll::-webkit-scrollbar-thumb {
	border-radius: 10px;
	background-color: #ccc;
}

.font-white {
	font-size: 8px;
	color: white;
	
}
.alerts-main ul{width:calc(100% - 15px);;padding:0;margin:0px;overflow: hidden;padding-top: 10px;margin-left:15px;}
.alerts-main li{list-style: none;}
.alerts-main li p{float:left;padding:0;line-height: 20px;    line-height: 25px; margin: 0 5px;;}
.blue-dot{width:5px;height:5px;border-radius: 50%;background-color: #309EFF;margin-top:10px!important;}
.blue-dot-line:after{content:'';margin-left:1.5px;border:1px dashed #309EFF;}

.closeModelbtn{position: absolute;
    right: 10px;
    top: 3px;
    color: #fff;
    font-size: 10px;
    cursor: pointer;}
	
	.closeModelbtn:hover{color:red;}
